<template>
  <div>
    <el-container style="">
      <el-header style="height: 140px;background-color:black;">
        <Header></Header>
      </el-header>
      <el-container style="">
        <el-aside width="200px" style="height: 600px;">
          <!-- 菜单 -->
          <el-scrollbar>
            <el-menu >
              <el-menu-item index="1">
                <el-icon><VideoCamera/></el-icon>
                视频管理</el-menu-item>
              <el-menu-item index="2">
                <el-icon><Message/></el-icon>
                投诉管理</el-menu-item>
              <el-menu-item index="3">
                <el-icon><Star/></el-icon>
                评论管理</el-menu-item>
              <el-menu-item index="4">
                <el-icon><Setting/></el-icon>
                分类管理</el-menu-item>
              <el-menu-item index="5">
                <el-icon><Setting/></el-icon>
                用户管理</el-menu-item>
              <el-menu-item index="6">
                <el-icon><Setting/></el-icon>
                个人信息</el-menu-item>
            </el-menu>
          </el-scrollbar>

        </el-aside>
        <el-main style="">
          <!-- 二级路由view：切换页面中的部分内容（独立的页面） -->
          <RouterView/>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script>
import Header from '../../components/Header.vue'
import { RouterLink, RouterView } from 'vue-router'
export default{
  components:{
    Header
  }
}
</script>
<style scoped>

</style>